// 颜色系统
@colors: {
  primary: #409eff;
  success: #67c23a;
  warning: #e6a23c;
  danger: #f56c6c;
  info: #909399;
  white: #ffffff;
  black: #000000;
};

// 中性色
@grays: {
  100: #f8f9fa;
  200: #e9ecef;
  300: #dee2e6;
  400: #ced4da;
  500: #adb5bd;
  600: #6c757d;
  700: #495057;
  800: #343a40;
  900: #212529;
};

// PC优先断点配置
@breakpoints: {
  xs: 0;
  sm: 768px; // 平板
  md: 992px; // 小桌面
  lg: 1200px; // 标准桌面
  xl: 1400px; // 大桌面
  xxl: 1600px; // 超大桌面
};

// 间距
@spacers: {
  0: 0;
  1: 0.25rem;
  2: 0.5rem;
  3: 1rem;
  4: 1.5rem;
  5: 3rem;
};

// 字体
@font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  sans-serif;
@font-sizes: {
  xs: 0.75rem;
  sm: 0.875rem;
  base: 1rem;
  lg: 1.125rem;
  xl: 1.25rem;
  2xl: 1.5rem;
  3xl: 1.875rem;
  4xl: 2.25rem;
};

// z-index管理
@z-indexes: {
  dropdown: 1000;
  sticky: 1020;
  fixed: 1030;
  modal-backdrop: 1040;
  modal: 1050;
  popover: 1060;
  tooltip: 1070;
};

// 圆角
@border-radius: {
  none: 0;
  sm: 0.125rem;
  base: 0.25rem;
  lg: 0.5rem;
  xl: 1rem;
  full: 9999px;
};

// 过渡
@transitions: {
  base: all 0.3s ease-in-out;
  fast: all 0.15s ease-in-out;
  slow: all 0.45s ease-in-out;
};

// 阴影
@box-shadows: {
  sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  base:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  md:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  lg:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  xl:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
};

// PC端容器宽度
@container-max-widths: {
  sm: 800px;
  md: 1000px;
  lg: 1200px;
  xl: 1400px;
  xxl: 1600px;
};

// Grid配置
@grid-columns: 12;
@grid-gutter-width: 1.5rem;

// 响应式设计基准
@design-width: 375; // 设计稿基准宽度
@rem-base: 37.5; // rem基准值，与postcss-pxtorem配置一致
